.sales_main {
  width: 100%;
}

.sales_main_top {
  width: 100%;
  min-height: 100vh;
  /* aspect-ratio: 1596 / 1307; */
  background-image: url(../images/paper_bg_booking.png);

  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 10%;
  display: flex;
  flex-direction: column;
  align-items: center;
 
  position: relative;

  overflow: hidden;
  padding-top: 80px;
  position: relative;
  z-index: 2;
}

.sales_main_top .title_container{
  margin-top: 70px;
  margin-bottom: 70px;
}

.sales_main_top .title_container h3{
      position: relative;
    transform: rotate(-4deg);
    right: unset;
  bottom: unset;
}

.en.sales_main_top .title_container h3 br{
  display: none;
}
.sales_comingsoon .deco_ball_container {
  width: 100%;
  position: absolute;
  top: 3%;
}

.sales_main_top_desc {
  width: 90%;
  max-width: 968px;
  border-collapse: collapse; /* Ensures no extra space between cells */
  position: relative;
}

.sales_main_top_desc::before {
  content: "";
  display: block;
  aspect-ratio: 121/102;
  width: 12%;
  max-width: 121px;
  background-image: url(../images/deco_mistletoe.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: top center;
  transform: rotate(109deg);
  top: -12%;
  left: -2%;
  position: absolute;
  z-index: 1;
}

.sales_main_top_desc th,
.sales_main_top_desc td {
  width: 50%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  /* border-bottom: 1px solid #ccc; */
  position: relative; /* Necessary for absolutely positioning the division line */
}

.sales_main_top_desc td span {
  display: block;
  width: 100%;
  padding: 20px 56px;
  /* for mobile */
  /* padding: 20px 40px; */
}

td .divisionLine2 {
  height: 2px;
  width: 100%;

  position: absolute;
  bottom: 0;
  left: 0;
}

.sales_main_top_desc th {
  padding-block: 20px;

  background: 
    linear-gradient(90deg, #fff 0%, #e5d2a9 48.5%, #fff 100%);
  mix-blend-mode: multiply;
  vertical-align: middle;
}

.sales_main_top_desc th span {
  display: block;
  padding-inline: 56px;
  border-right: 1px dashed #e5d2a9;
  height: 100%;
  line-height: 100%;
}

.sales_main_top_title span {
  color: #eee2c8;
  text-align: center;
  text-shadow: 0px 0px 4px #dfd3b9;
  font-family: "Josefin Sans";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  padding-top: 7px;
  display: block;
}

.sales_main_top_detail {
  width: 54%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.sales_main_detail_date_item {
  width: 45%;
  display: flex;
  flex-direction: column;
  aspect-ratio: 167/78;
}
.sales_main_detail_date_top,
.sales_main_detail_location_top {
  display: flex;
  flex-direction: row;
  min-height: 50px;
  width: 100%;
  align-items: center;
  justify-content: center;
}

.sales_main_detail_date_top span,
.sales_main_detail_location_top span {
  display: block;
  height: fit-content;
  color: #242711;
  text-align: center;
  /* Desktop EN/Title 1 - Bold */
  font-family: "Josefin Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}
.sales_main_detail_date_top .icn_date {
  display: block;

  height: 100%;
  aspect-ratio: 1/1;
  background-image: url(../images/icn_date.png);
  background-repeat: no-repeat;
}
.sales_main_detail_location_top .icn_location {
  display: block;
  height: 100%;
  aspect-ratio: 1/1;
  background-image: url(../images/icn_location.png);
  background-repeat: no-repeat;
}
.sales_main_detail_date_bottom,
.sales_main_detail_location_bottom {
  width: 100%;
  color: #242711;
  text-align: center;
  /* Desktop EN/Body - Regular */
  font-family: "Montserrat";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
.sales_main_top_text {
  width: 90%;
  max-width: 968px;
  display: flex;
  justify-content: flex-start;
}

.sales_main_top_text p {
  width: 80%;
  color: #242711;
  /* Desktop EN/Body - Regular */
  font-family: "Montserrat";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
}





.sales_main_desc_desktop tr td:nth-child(3) {
  padding-inline: 22px;
}
.sales_main_desc_desktop tr td:nth-child(3)::before{
  content: none;
}
.sales_main_middle {
  width: 100%;
  padding: 5%;
  display: flex;
  justify-content: center;
  position: relative;
}
.sales_main_middle_content {
  width: 90%;
  aspect-ratio: 1440/800;
  background-image: url(../images/sales_middle_paper_bg.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: top center;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* min-width: 876.331px; */
}

.sales .comingsoonBtn {
  cursor: auto;
}
.sales .comingsoonBtn:hover {
  background: linear-gradient(0deg, #98855d 0%, #b8a16f 50%);
}

.sales .comingsoonBtn:active {
  background: linear-gradient(0deg, #98855d 0%, #b8a16f 50%);
}
.sales_main_middle_content_title {
  aspect-ratio: 361/59;
  background-image: url(../images/sales_middle_title_bg.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: top center;
  width: 35%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sales_main_middle_content_title span {
  color: #eee2c8;
  text-align: center;
  /* Text outer glow */
  text-shadow: 0px 0px 4px #dfd3b9;
  /* Desktop EN/Headline 1 - Bold */
  font-family: "Josefin Sans";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 38.4px */
}

.sales_main_middle_content_desc {
  width: 80%;
  color: --Color-Base-Black, #0a1612;
  text-align: center;
  /* Desktop EN/Body - Regular */
  font-family: "Montserrat";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
  margin-top: 24px;
  margin-bottom: 35px;
}

.sales_main_content_brand {
  width: 80%;
}

.brand {
  width: 200px;
}

.brand_img {
  width: 80%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #fff;
  position: relative;
  z-index: 1;
}

.brand_img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;

  padding: 2px; /* Adjust this to change border thickness */
  background: linear-gradient(135deg, #98855d 0%, #eee2c8 49%, #b8a16f 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}

.brand_name {
  width: 80%;
  text-align: center;
  margin-top: 24px;
  color: #6e6653;
  text-align: center;
  /* Desktop EN/Title 1 - Bold */
  font-family: "Josefin Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 24px */
}

.sales_main_content_deco_flower_container {
  width: 25%;
  aspect-ratio: 403/303;
  position: absolute;
  bottom: 20px;
  left: 50px;
}
.sales_main_content_deco_flower {
  width: 66%;
  aspect-ratio: 1/1;
  background-image: url(../images/deco_red_flower.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: top center;

  animation: 2s rotate linear infinite;
}

.sales_main_content_deco_flower_container::before {
  content: "";
  width: 100%;
  aspect-ratio: 368 / 212;
  display: block;
  position: absolute;
  bottom: -41px;
  background-image: url(../images/deco_white_memo.png);
  background-size: contain;
  z-index: 0;
  background-repeat: no-repeat;
}

@keyframes rotate {
  0% {
    transform: rotate(20deg);
  }
  50% {
    transform: rotate(-20deg);
  }
  100% {
    transform: rotate(20deg);
  }
}

.sales_main_content_deco_ball_container {
  width: 25%;
  aspect-ratio: 388/582;

  position: absolute;
  top: -19%;
  right: 2%;
}

.sales_main_content_deco_ball_container::before {
  content: "";
  width: 100%;
  aspect-ratio: 368 / 212;
  display: block;
  position: absolute;
  top: -32px;
  background-image: url(../images/deco_green_memo.png);
  background-size: contain;
  z-index: 1;
}

.sales_main_content_deco_ball {
  width: 100%;
  aspect-ratio: 388/582;
  background-image: url(../images/deco_swing_ball_red.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center;
  animation: 2s swing linear infinite;
  transform-origin: top;
}

.sales_main_bottom {
  width: 100%;
  aspect-ratio: 1440/468;

  /* position: relative; */
  position: relative;
  bottom: 0px;
}



.sales_main_bottom_bear {
  width: 100%;
  aspect-ratio: 2286/764;
  background-image: url(../images/2025images/sales_deco_back.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  z-index: 2;
  bottom: 0px;
}


.sales_main_bottom_tree {
  width: 100%;
  aspect-ratio: 2286/781;
  background-image: url(../images/2025images/deco_sales_tree.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  z-index: 2;
  bottom: 0px;
}



.sales_main_intro_text {
  width: 100%;
  max-width: 708px;

  color: #29110B;
text-align: center;
/* EN/Body - Regular */
font-family: Inter ,'Noto Sans TC';
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 22.4px */
 
}

.deco4 {
  top: 157px;
}
.deco3 {
  top: 90px;
}

.deco2 {
  top: 175px;
}

.deco1 {
  top: 100px;
}

.sales_main_detail_period {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 40px;
  margin-bottom: 10px;
}

.sales_main_detail_period span {
 color: #29110B;
text-align: center;

/* EN/Body - Regular */
/* font-family: Inter; */
  font-size: 20px;
  font-style: normal;

  line-height: 120%; /* 24px */
}

.sales_main_detail_period .icon_date {
  width: 44px;
  height: 44px;
}

.sales_main_detail_period_date {


  /* Desktop EN/Title 2 - Medium */
color: #29110B;
text-align: center;

/* EN/Body - Regular */
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 22.4px */
}

.btnWrapper {
  width: 280px;
}

.swipe_to_read{
  display: none;
  font-family: Inter;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 140%; 
}

.sales_main_desc_more {
  text-align: center;
  /* padding-inline: 5%; */
  color: #29110B;

/* EN/Body Small - Regular */
font-family: Inter ,'Noto Sans TC';
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 15.6px */
  margin-top: 40px;
  max-width: 924px;
  width: 100%;
}

.link_to_tnc {
  color: #98855d;
  text-align: center;
  /* Desktop EN/Body Small - Regular */
  -webkit-text-stroke-width: 1;
  -webkit-text-stroke-color: #98855d;
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 18px */
  margin-top: 44px;
  display: block;
}
.sales_main_desc {
  display: none;
}

.sales_main_desc_desktop {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;

  margin-top: 40px;
  position: relative;
  max-width: 924px;
}

.sales_main_desc_desktop::before {
}

.sales_main_desc_desktop table {
  width: 924px;
  line-height: 1.3em;
}

.sales_main_desc_desktop td,
.sales_main_desc_desktop th {
  padding-block: 16px;
  padding-inline: 25px;
  align-content: center;
  text-align: center;
  position: relative;
}

.sales_main_desc_desktop td {
  border: 0px;
}


.sales_main_desc_desktop th {
  border-radius: 20px 20px 0 0;
background: #113121;
padding: 32px;
}
.sales_main_desc_desktop table tbody tr:first-child {

 color: #CEC2AB;
text-align: center;
/* EN/Body - Bold */
font-family: Inter ,'Noto Sans TC';
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 22.4px */
}

.sales .link_to_tnc{
color: #29110B;
    text-align: center;
    font-family: Inter ,'Noto Sans TC';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    text-decoration: none;
    padding-bottom: 1px;
    border-bottom: 1px solid;
}



.sales_main_desc_desktop th span {
  font-weight: 400;
}

.sales_main_desc_desktop th::after {
  content: "";
  display: block;
  width: 2px;
  height: 80%;
  background-image: url(../images/table_division.png);
  background-size: 100% auto;
  background-repeat: repeat;
  position: absolute;
  right: 0px;
  top: 10%;
}

.sales_main_desc_desktop th:last-child::after {
  content: none;
}

.sales_main_desktop_table tr td:first-child {
  text-wrap: nowrap;
  position: relative;
}

.sales_main_desktop_table tr td {

  position: relative;
  font-family: Inter, 'Noto Sans TC';
}
.sales_main_desktop_table tr td::before{
    content: "";
    display: block;
    height: 100%;
    width: 4px;
    background-image: url(../images/2025images/deco_underline_cream_vertical.svg);
    position: absolute;
    right: 0;
    top: 0;
    background-position: bottom;
}

.sales_main_desktop_table tr td::after{
     content: "";
    display: block;
    width: 100%;
    height: 4px;
    background-image: url(../images/2025images/deco_underline_cream.svg);
    position: absolute;
    left: 5px;
    bottom: 0;
    background-position: bottom;
}

.sales_main_desktop_table tr:first-child {
  border-top-left-radius: 36px;
  border-top-right-radius: 36px;
}

.sales_main_desktop_table tr {
  border: 0px;
}
.sales_main_desktop_table {
  border-top-left-radius: 36px;
  border-top-right-radius: 36px;
  overflow: hidden;
  position: relative;
}

.sales_main_desc_desktop::before {
  content: "";
  display: block;
  aspect-ratio: 121 / 102;
  width: 20%;
  max-width: 121px;
  background-image: url(../images/deco_mistletoe.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: top center;
  transform: rotate(109deg);
  top: -6%;
  left: -5%;
  position: absolute;
  z-index: 1;
}

@media (max-width: 960px) {
  .en.sales_main_top .title_container h3 br{
  display: inline;
  white-space: wrap;
}
  .swipe_to_read{
display: block;
  font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%; 
}

  .sales_main_top{
padding-top: 150px;
  }
  .swipe_to_read {
    margin-top: 20px;
  }
  
  .sales .deco_ball_container {
    width: 100%;
    position: absolute;
    top: 0%;
  }

  .sales_main_desc_desktop::before {
    content: none;
  }
  .sales_main_desc {
    display: block;
  }
  .sales_main_desc_more {
    text-align: left;
    padding: 0 5%;
  }
  .sales_main_top_title span {
    color: #eee2c8;
    text-align: center;
    text-shadow: 0px 0px 4px #dfd3b9;

    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    display: block;
    padding-inline: 24px;
  }
  .sales_main_desc {
    padding: 0 5%;
    margin-top: 96px;
  }
  .sales_main_intro_text {
    width: 100%;
    text-align: left;
    padding: 0 5%;
  }
  .sales_main_desc_title {
    border-radius: 24px 24px 0px 0px;
    border-top: 1px solid #6e6653;
    border-bottom: 1px solid #6e6653;
    border-left: 1px solid #6e6653;
    background: #98855d;
    mix-blend-mode: multiply;
    padding: 32px;
    text-align: center;
    color: #fcf3e8;
    text-align: center;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 22.4px */
  }

  .sales_main_desc_row_top {
    border-top: 1px solid #98855d;
    border-right: 1px solid #98855d;
    border-left: 1px solid #98855d;
    mix-blend-mode: multiply;
    padding: 16px;
    text-align: center;
    position: relative;
  }

  .sales_main_desc_row_top_mark {
    display: block;
    width: 24px;
    height: 24px;
    background: url(../images/icn_up_cream.svg);
    background-size: 100% auto;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
  }

  .sales_main_desc_row_bottom {
    padding: 16px;

    border-right: 1px solid #98855d;
    border-bottom: 1px solid #98855d;
    border-left: 1px solid #98855d;
    background: rgba(252, 243, 232, 0.4);
    display: none;
  }

  .sales_main_desc_row_bottom p {
    color: #6e6653;
    /* Desktop EN/Body - Semi Bold */
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 22.4px */
  }
  .sales_main_desc_row_bottom .sales_main_desc_row_bottom_period {
    font-weight: 400;
  }

  .sales_main_desc_row_bottom .sales_main_desc_row_bottom_desc {
    color: #242711;

    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
    margin-top: 16px;
  }

  .sales_main_desc_row_bottom .divisionLine2 {
    margin-block: 12px;
  }

  .sales_main_desc_row.active .sales_main_desc_row_bottom {
    display: block;
  }

  .sales_main_desc_row.active .sales_main_desc_row_top_mark {
    transform: translateY(-50%) rotate(0deg);
  }

  .sales_main_desc_row:nth-last-child(1) .sales_main_desc_row_top {
    border-bottom: 1px solid #98855d;
  }

  .sales_main_desc_row.active:nth-last-child(1) .sales_main_desc_row_top {
    border-bottom: 0px solid #98855d;
  }
  .sales_main_desc_desktop {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 5%;

    margin-top: 40px;
    /* min-width: 912px; */
    /* overflow-x: scroll; */
    min-width: 300px;
    overflow: scroll;
  }

  .sales_main_desc_desktop table {
    min-width: 1020px;
  }

  .sales_main_desktop_table::before {
    content: none;
  }

  .sales_main_top_title {

    height: 64px;
    background-image: url(../images/title_mobile_bg.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top center;
    display: flex;
    align-items: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 48px;
    font-size: 20px;
    padding: 0px 49px;
    white-space: normal;
    text-align: center;
    padding-top: 3px;
  }

  .deco1 {
    left: 0%;
    top: 80px;
  }
  .deco2 {
    top: 100px;
    left: 30%;
  }
  .deco3 {
    left: 50%;
  }
  .deco4 {
    left: 80%;
    top: 80px;
  }

  /* .sales_main_desc_desktop {
    display: none;
  } */
}